Android拼图游戏开发全纪录4

2023-08-10 16:53| 来源: 网络整理| 查看: 265

今天我们主要实现我们的主界面：国际惯例：

界面我们已经在第一天做好了，今天我们就要实现这个界面的功能，

分析一下，这个界面包含以下几个功能：

1、显示游戏的难度：使用popupwindow，选择后改变显示的数字

2、显示默认的待拼图图片，包含一张选择自定义的图片：这个比较简单，只是GridView的最简单应用而已

3、自定义按钮功能：调用系统图册和相机

4、查看记录和了解更多：这个也是一般的应用需求，比较简单

package com.xys.xpuzzle.activity; import java.io.File; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.content.Intent; import android.database.Cursor; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Color; import android.graphics.drawable.ColorDrawable; import android.graphics.drawable.Drawable; import android.net.Uri; import android.os.Bundle; import android.os.Environment; import android.provider.MediaStore; import android.view.Gravity; import android.view.LayoutInflater; import android.view.View; import android.view.View.OnClickListener; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.GridView; import android.widget.PopupWindow; import android.widget.TextView; import com.xys.xpuzzle.R; import com.xys.xpuzzle.adapter.GridPicListAdapter; /** * 程序主界面：显示默认图片列表、自选图片按钮 * * @author xys * */ public class MainActivity extends Activity implements OnClickListener { // 返回码：系统图库 private static final int RESULT_IMAGE = 100; // 返回码：相机 private static final int RESULT_CAMERA = 200; // Temp照片路径 public static String TEMP_IMAGE_PATH; // IMAGE TYPE private static final String IMAGE_TYPE = "image/*"; // GridView 显示图片 private GridView gv_Pic_List; private List picList; // 主页图片资源ID private int[] resPicId; // 显示Type private TextView tv_puzzle_main_type_selected; private LayoutInflater layoutInflater; private PopupWindow popupWindow; private View popupView; private TextView tvType2; private TextView tvType3; private TextView tvType4; // 游戏类型N*N private int type = 2; // 本地图册、相机选择 private String[] customItems = new String[] { "本地图册", "相机拍照" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.xpuzzle_main); TEMP_IMAGE_PATH = Environment.getExternalStorageDirectory().getPath() + "/ttt.jpg"; picList = new ArrayList(); // 初始化Views initViews(); // 数据适配器 gv_Pic_List.setAdapter(new GridPicListAdapter(MainActivity.this, picList)); // Item点击监听 gv_Pic_List.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView arg0, View view, int position, long arg3) { if (position == resPicId.length - 1) { // 选择本地图库相机 showDialogCustom(); } else { // 选择默认图片 Intent intent = new Intent(MainActivity.this, PuzzleMain.class); intent.putExtra("picSelectedID", resPicId[position]); intent.putExtra("type", type); startActivity(intent); } } }); /** * 显示难度Type */ tv_puzzle_main_type_selected.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // 弹出popup window popupShow(v); } }); } // 显示选择系统图库相机对话框 private void showDialogCustom() { AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); builder.setTitle("选择："); builder.setItems(customItems, new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { if (0 == which) { // 本地相册 Intent intent = new Intent(Intent.ACTION_PICK, null); intent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, IMAGE_TYPE); startActivityForResult(intent, RESULT_IMAGE); } else if (1 == which) { // 系统相机 Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); Uri photoUri = Uri.fromFile(new File(TEMP_IMAGE_PATH)); intent.putExtra(MediaStore.EXTRA_OUTPUT, photoUri); startActivityForResult(intent, RESULT_CAMERA); } } }); builder.create().show(); } /** * 调用图库相机回调方法 */ @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { super.onActivityResult(requestCode, resultCode, data); if (resultCode == RESULT_OK) { if (requestCode == RESULT_IMAGE && data != null) { // 相册 Cursor cursor = this.getContentResolver().query(data.getData(), null, null, null, null); cursor.moveToFirst(); String imagePath = cursor.getString(cursor.getColumnIndex("_data")); Intent intent = new Intent(MainActivity.this, PuzzleMain.class); intent.putExtra("picPath", imagePath); intent.putExtra("type", type); startActivity(intent); } else if (requestCode == RESULT_CAMERA) { // 相机 Intent intent = new Intent(MainActivity.this, PuzzleMain.class); intent.putExtra("picPath", TEMP_IMAGE_PATH); intent.putExtra("type", type); startActivity(intent); } } } /** * 显示popup window * * @param view */ private void popupShow(View view) { // 显示popup window popupWindow = new PopupWindow(popupView, 200, 50); popupWindow.setFocusable(true); popupWindow.setOutsideTouchable(true); // 透明背景 Drawable transpent = new ColorDrawable(Color.TRANSPARENT); popupWindow.setBackgroundDrawable(transpent); // 获取位置 int[] location = new int[2]; view.getLocationOnScreen(location); popupWindow.showAtLocation(view, Gravity.NO_GRAVITY, location[0] - 40, location[1] + 50); } /** * 初始化Views */ private void initViews() { gv_Pic_List = (GridView) findViewById(R.id.gv_xpuzzle_main_pic_list); // 初始化Bitmap数据 resPicId = new int[] { R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4, R.drawable.pic5, R.drawable.pic6, R.drawable.pic7, R.drawable.pic8, R.drawable.pic9, R.drawable.pic10, R.drawable.pic11, R.drawable.pic12, R.drawable.pic13, R.drawable.pic14, R.drawable.pic15, R.drawable.plus }; Bitmap[] bitmaps = new Bitmap[resPicId.length]; for (int i = 0; i < bitmaps.length; i++) { bitmaps[i] = BitmapFactory.decodeResource(getResources(), resPicId[i]); picList.add(bitmaps[i]); } // 显示type tv_puzzle_main_type_selected = (TextView) findViewById(R.id.tv_puzzle_main_type_selected); layoutInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE); // type view popupView = layoutInflater.inflate(R.layout.xpuzzle_main_type_selected, null); tvType2 = (TextView) popupView.findViewById(R.id.tv_main_type_2); tvType3 = (TextView) popupView.findViewById(R.id.tv_main_type_3); tvType4 = (TextView) popupView.findViewById(R.id.tv_main_type_4); // 监听事件 tvType2.setOnClickListener(this); tvType3.setOnClickListener(this); tvType4.setOnClickListener(this); } /** * popup window item点击事件 */ @Override public void onClick(View v) { switch (v.getId()) { // Type case R.id.tv_main_type_2: type = 2; tv_puzzle_main_type_selected.setText("2 X 2"); break; case R.id.tv_main_type_3: type = 3; tv_puzzle_main_type_selected.setText("3 X 3"); break; case R.id.tv_main_type_4: type = 4; tv_puzzle_main_type_selected.setText("4 X 4"); break; default: break; } popupWindow.dismiss(); } } 注释还是比较清晰的，相信大家都看得懂。

下面还有送一个数据适配器：

package com.xys.xpuzzle.adapter; import java.util.List; import android.R.color; import android.content.Context; import android.graphics.Bitmap; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageView; /** * 程序主界面数据适配器 * * @author xys * */ public class GridPicListAdapter extends BaseAdapter { // 映射List private List picList; private Context context; public GridPicListAdapter(Context context, List picList) { this.context = context; this.picList = picList; } @Override public int getCount() { return picList.size(); } @Override public Object getItem(int position) { return picList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup arg2) { ImageView iv_pic_item = null; if (convertView == null) { iv_pic_item = new ImageView(context); // 设置布局图片 iv_pic_item.setLayoutParams(new GridView.LayoutParams(80, 100)); // 设置显示比例类型 iv_pic_item.setScaleType(ImageView.ScaleType.FIT_XY); } else { iv_pic_item = (ImageView) convertView; } iv_pic_item.setBackgroundColor(color.black); iv_pic_item.setImageBitmap(picList.get(position)); return iv_pic_item; } } 今天的难点在于调用系统图册和相机：

1、调用的Intent在代码中已经写清楚了

2、调用相机的时候，如果直接返回data，其实是返回的相机缩略图，如果要获得原始图片，就需要先保存在SD卡上，再去获取这张图片，希望大家注意。

【本文地址】

公司简介

联系我们